<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //异步任务
        //模拟获取 用户数据  订单数据  商品数据
        function getUser() {
            setTimeout(() => {
                let data = '用户数据';
                iterator.next(data);
            }, 1000)
        }
        function getOrders() {
            setTimeout(() => {
                let order = '订单数据';
                iterator.next(order);
            }, 1000)
        }
        function getGoods() {
            setTimeout(() => {
                let goods = '商品数据';
                iterator.next(goods);
            }, 1000)
        }

        function* gen() {
            let users = yield getUser();
            console.log(users);
            let orders = yield getOrders();
            console.log(orders);
            let goods = yield getGoods();
            console.log(goods);

        }

        //调用生成器函数
        let iterator = gen();
        iterator.next();



    </script>
</body>

</html>